<head>
    <link rel="stylesheet" type="text/css" href="/static/GrungeEra11/css/screen.css" />
    <title>{% block title %} NightOut {% endblock %} </title>
</head>

<body>
<div id="wrap">
  {% block header %} 

    <!-- header -->
    <div id="header">

        <h1 id="logo-text"><a href="index" title="">Plannit</a></h1>
        <p id="intro">Reach consensus on a night out</p>

        <!-- navigation -->
        <div  id="nav">
            <ul>
                <li><a href="/index">Home</a></li>
                <li><a href="/accounts/register">Register</a></li>
                {% if user.is_authenticated %}
                    <li><a href="/accounts/profile">{{ user.username }}</a></li>
                {% else %}
                    <li><a href="/accounts/login">Login</a></li>
                {% endif %}
                <li><a href="/session/create">Plannit!</a></li>
                <li><a href="/accounts/logout">Logout</a></li>
            </ul>
        </div>

    </div>
    <!-- header ends -->
  {% endblock %}

<!-- content starts -->
    <div id="content-outer" class="clear"><div id="content-wrap" >

        <div class="content">
{% block content %}
            <a name="Sup, world?"></a>

            <div class="post">

                <h2><a href="index">Sup, World?</a></h2>

                <p><strong>Plannit</strong> is the ultimate tool for coordinating and synergizing your night
                </p>

                <p>
                <strong>Invite</strong> your friends to a lobby, where you all choose what you're looking for tonight.
                Plannit uses <strong>advanced algorithms</strong> and a hint of black magic to compute the optimal evening 
                for you and your friends.  Who knows what the night has in store?
                </p>

                <p>
                You can find more of my free template designs at <a href="http://www.styleshout.com/">my website</a>.
                For premium commercial designs, you can check out
                <a href="http://www.dreamtemplate.com" title="Website Templates">DreamTemplate.com</a>.  This site is powered by <a href=http://www.yelp.com> Yelp </a>
                </p>

                <p>
                <strong> Register. Login. Plannit!
                </p>
{% endblock %}
            </div>
    <!-- content ends -->
</div>
